{% extends 'base_user.html' %}
{% block head %}
    <script>
        $(function () {
            $('.total_goods_count em').text($('.goods_list_td').length);
            var total = 0;
            $('.col07').each(function () {
                {#console.log($(this).text().substring(0,$(this).text().length-1));#}
                total += parseFloat($(this).text().substring(0, $(this).text().length - 1));
            });
            $('.total_goods_count b').text(total + '元');
            $('.total_pay b').text(total + 10 + '元');
            //post 提交数据
            $('#order_btn').click(function () {
                post('/order/order_handle/', {
                    csrfmiddlewaretoken: '{{ csrf_token }}',
                    cart_ids: "{{ carts_id }}",
                    total:total+10
                });
            });
            function post(URL, PARAMS) {
                var temp = document.createElement("form");
                temp.action = URL;
                temp.method = "post";
                temp.style.display = "none";
                for (var x in PARAMS) {
                    var opt = document.createElement("textarea");
                    opt.name = x;
                    opt.value = PARAMS[x];
                    temp.appendChild(opt);
                }
                document.body.appendChild(temp);
                temp.submit();
                return temp;
            }
        });
    </script>
{% endblock %}
{% block con %}
    <h3 class="common_title">确认收货地址</h3>

    <div class="common_list_con clearfix">
        <dl>
            <dt>寄送到：</dt>
            <dd><input type="radio" name="" checked="">{{ user.uaddress }}（{{ user.ushou }} 收） {{ user.uphone }}</dd>
        </dl>
        <a href="{% url 'user:site' %}" class="edit_site">编辑收货地址</a>

    </div>

    <h3 class="common_title">支付方式</h3>
    <div class="common_list_con clearfix">
        <div class="pay_style_con clearfix">
            <input type="radio" name="pay_style" checked>
            <label class="cash">货到付款</label>
            <input type="radio" name="pay_style">
            <label class="weixin">微信支付</label>
            <input type="radio" name="pay_style">
            <label class="zhifubao"></label>
            <input type="radio" name="pay_style">
            <label class="bank">银行卡支付</label>
        </div>
    </div>

    <h3 class="common_title">商品列表</h3>

    <div class="common_list_con clearfix">
        <ul class="goods_list_th clearfix">
            <li class="col01">商品名称</li>
            <li class="col02">商品单位</li>
            <li class="col03">商品价格</li>
            <li class="col04">数量</li>
            <li class="col05">小计</li>
        </ul>
        {% for cart in carts %}
            <ul class="goods_list_td clearfix">
                <li class="col01">{{ forloop.counter }}</li>
                <li class="col02"><img src="/media/{{ cart.goods.gpic }}"></li>
                <li class="col03">{{ cart.goods.gtitle }}&nbsp;<span style="color: red">库存:{{ cart.goods.gkucun }}</span></li>
                <li class="col04">{{ cart.goods.gunit }}</li>
                <li class="col05">{{ cart.goods.gprice }}元</li>
                <li class="col06">{{ cart.count }}</li>
                {% widthratio cart.goods.gprice 1.0 cart.count as price %}
                <li class="col07">{{ price|floatformat:2 }}元</li>
            </ul>
        {% endfor %}
    </div>

    <h3 class="common_title">总金额结算</h3>

    <div class="common_list_con clearfix">
        <div class="settle_con">
            <div class="total_goods_count">共<em>2</em>件商品，总金额<b>0元</b></div>
            <div class="transit">运费：<b>10元</b></div>
            <div class="total_pay">实付款：<b>0元</b></div>
        </div>
    </div>

    <div class="order_submit clearfix">
        <a href="javascript:;" id="order_btn">提交订单</a>
    </div>



    <div class="popup_con">
        <div class="popup">
            <p>订单提交成功！</p>
        </div>

        <div class="mask"></div>
    </div>
{% endblock %}
